<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>彩矿家 - 宝石</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  <![endif]-->
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/style/reset.css" />
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/style/diamond.css" />
  
</head>

<body>
  <div class="container">
    
    <include file="./Application/Home/View/Index/inc/header.html" />

    <div class="diamond-list-wrapper">
      <div class="diamond-list">
        <div class="breadcump">当前位置：<span>首页</span><span class="seperator">></span><span>宝石</span></div>
        <div class="select-wrap">
          <form id="diamond-form" action="{:U('diamond')}" method="GET">
            <div class="select-line first clear-fix">
              <div class="left f-left">分类：</div>
              <div class="right f-left">
                <div class="category fenlei-list">
                  <input type="hidden" name="type1" value="{$type1}" />
                  <span class="all">全部</span>
                  <foreach name="gemtypedata" item="o">
                    <span data-id="{$o.id}" class="{$type1 == $o['id'] ? 'active' : ''}">{$o.name}</span>
                  </foreach>
                  <!-- <span>成品</span>
                  <span class="active">裸石</span> -->
                </div>
                <div class="tiny fenlei-list">
                  <input type="hidden" name="type2" value="{$type2}" />
                  <span class="all">不限</span>
                  <foreach name="gemtype2data" item="o">
                    <span data-id="{$o.id}" class="{$type2 == $o['id'] ? 'active' : ''}">{$o.name}</span>
                  </foreach>
                  <!-- <span class="active">红宝石</span>
                  <span>蓝宝石</span>
                  <span>猫眼石</span>
                  <span>祖母绿</span> -->
                </div>
              </div>
            </div>
            <div class="select-line clear-fix">
              <div class="left f-left">价格：</div>
              <div class="right f-left fenlei-list">
                <input type="hidden" name="ptype" value="{$ptype}" />
                <span class="all">全部</span>
                <foreach name="pricetypedata" item="o">
                  <span data-id="{$o.id}" class="{$ptype == $o['id'] ? 'active' : ''}">{$o.name}</span>  
                </foreach>
                <!-- <span class="offset-10 active">0-2999</span>
                <span>3000-5999</span>
                <span>6000-7999</span> -->
              </div>
            </div>
            <div class="select-line clear-fix">
              <div class="left f-left">重量：</div>
              <div class="right f-left fenlei-list">
                <input type="hidden" name="wtype" value="{$wtype}" />
                <span class="all">全部</span>
                <foreach name="weighttypedata" item="o">
                  <span data-id="{$o.id}" class="{$wtype == $o['id'] ? 'active' : ''}">{$o.name}</span>
                </foreach>
                <!-- <span class="offset-10">0-2999</span>
                <span>3000-5999</span>
                <span class="active">6000-7999</span> -->
              </div>
            </div>
            <div class="select-line clear-fix small-space">
              <div class="left f-left">证书：</div>
              <div class="right f-left fenlei-list">
                <input type="hidden" name="ctype" value="{$ctype}" />
                <span class="all">全部</span>
                <foreach name="certificatetypedata" item="o">
                  <span data-id="{$o.id}" class="{$ctype == $o['id'] ? 'active' : ''}">{$o.name}</span>  
                </foreach>
                <!-- <span class="offset-10 active">0-2999</span>
                <span>3000-5999</span>
                <span>6000-7999</span> -->
              </div>
            </div>
          </form>
        </div>
        <ul class="display-list clear-fix">
          <foreach name="gemlist" item="o" index="i">
            <li class="list-item f-left {$key % 4 == 3 ? 'last' : ''}">
              <div class="mask hide">
                <p>{$o.summary}</p>
                <span class="pointer"><a href="{:U('diamondDetial', 'id='.$o['id'])}">查看</a></span>
              </div>
              <div class="content">
                <div class="top">
                  <img src="{$o.pic|getFirstPic}" alt="">
                </div>
                <div class="center">{$o.title}</div>
                <div class="bottom"><span class="left"></span>￥{$o.price}<span class="right"></span></div>
              </div>
            </li>
          </foreach>
          <!-- <li class="list-item f-left">
            <div class="mask hide">
              <p>11111这枚经亚洲AIGS认证的天然未加热
                红宝石，重达1.15克拉， 产自优质
                矿区莫桑比克 。通体为鲜艳浓郁的
                鸽血红色调，极富感染力。埃索达蒂萨大大大萨丁萨敌111</p>
              <span class="pointer"><a href="./diamond_detail.html">查看</a></span>
            </div>
            <div class="content">
              <div class="top">
                <img src="__PUBLIC__/images/diamond_page.jpg" alt="">
              </div>
              <div class="center">1.15克拉天然莫桑比克鸽血红红宝石</div>
              <div class="bottom"><span class="left"></span>￥21500<span class="right"></span></div>
            </div>
          </li>
          <li class="list-item f-left">
            <div class="mask hide">
              <p>这枚经亚洲AIGS认证的天然未加热
                红宝石，重达1.15克拉， 产自优质
                矿区莫桑比克 。通体为鲜艳浓郁的
                鸽血红色调，极富感染力。</p>
                <span class="pointer"><a href="./diamond_detail.html">查看</a></span>
            </div>
            <div class="content">
              <div class="top">
                <img src="__PUBLIC__/images/diamond_page.jpg" alt="">
              </div>
              <div class="center">1.15克拉天然莫桑比克鸽血红红宝石</div>
              <div class="bottom"><span class="left"></span>￥21500<span class="right"></span></div>
            </div>
          </li>
          <li class="list-item f-left">
            <div class="mask hide">
              <p>这枚经亚洲AIGS认证的天然未加热
                红宝石，重达1.15克拉， 产自优质
                矿区莫桑比克 。通体为鲜艳浓郁的
                鸽血红色调，极富感染力。</p>
                <span class="pointer"><a href="./diamond_detail.html">查看</a></span>
            </div>
            <div class="content">
              <div class="top">
                <img src="__PUBLIC__/images/diamond_page.jpg" alt="">
              </div>
              <div class="center">1.15克拉天然莫桑比克鸽血红红宝石</div>
              <div class="bottom"><span class="left"></span>￥21500<span class="right"></span></div>
            </div>
          </li>
          <li class="list-item f-left last">
            <div class="mask hide">
              <p>这枚经亚洲AIGS认证的天然未加热
                红宝石，重达1.15克拉， 产自优质
                矿区莫桑比克 。通体为鲜艳浓郁的
                鸽血红色调，极富感染力。</p>
                <span class="pointer"><a href="./diamond_detail.html">查看</a></span>
            </div>
            <div class="content">
              <div class="top">
                <img src="__PUBLIC__/images/diamond_page.jpg" alt="">
              </div>
              <div class="center">1.15克拉天然莫桑比克鸽血红红宝石</div>
              <div class="bottom"><span class="left"></span>￥21500<span class="right"></span></div>
            </div>
          </li>
          <li class="list-item f-left">
            <div class="mask hide">
              <p>这枚经亚洲AIGS认证的天然未加热
                红宝石，重达1.15克拉， 产自优质
                矿区莫桑比克 。通体为鲜艳浓郁的
                鸽血红色调，极富感染力。</p>
                <span class="pointer"><a href="./diamond_detail.html">查看</a></span>
            </div>
            <div class="content">
              <div class="top">
                <img src="__PUBLIC__/images/diamond_page.jpg" alt="">
              </div>
              <div class="center">1.15克拉天然莫桑比克鸽血红红宝石</div>
              <div class="bottom"><span class="left"></span>￥21500<span class="right"></span></div>
            </div>
          </li>
          <li class="list-item f-left">
            <div class="mask hide">
              <p>这枚经亚洲AIGS认证的天然未加热
                红宝石，重达1.15克拉， 产自优质
                矿区莫桑比克 。通体为鲜艳浓郁的
                鸽血红色调，极富感染力。</p>
                <span class="pointer"><a href="./diamond_detail.html">查看</a></span>
            </div>
            <div class="content">
              <div class="top">
                <img src="__PUBLIC__/images/diamond_page.jpg" alt="">
              </div>
              <div class="center">1.15克拉天然莫桑比克鸽血红红宝石</div>
              <div class="bottom"><span class="left"></span>￥21500<span class="right"></span></div>
            </div>
          </li>
          <li class="list-item f-left">
            <div class="mask hide">
              <p>这枚经亚洲AIGS认证的天然未加热
                红宝石，重达1.15克拉， 产自优质
                矿区莫桑比克 。通体为鲜艳浓郁的
                鸽血红色调，极富感染力。</p>
                <span class="pointer"><a href="./diamond_detail.html">查看</a></span>
            </div>
            <div class="content">
              <div class="top">
                <img src="__PUBLIC__/images/diamond_page.jpg" alt="">
              </div>
              <div class="center">1.15克拉天然莫桑比克鸽血红红宝石</div>
              <div class="bottom"><span class="left"></span>￥21500<span class="right"></span></div>
            </div>
          </li>
          <li class="list-item f-left last">
            <div class="mask hide">
              <p>这枚经亚洲AIGS认证的天然未加热
                红宝石，重达1.15克拉， 产自优质
                矿区莫桑比克 。通体为鲜艳浓郁的
                鸽血红色调，极富感染力。</p>
                <span class="pointer"><a href="./diamond_detail.html">查看</a></span>
            </div>
            <div class="content">
              <div class="top">
                <img src="__PUBLIC__/images/diamond_page.jpg" alt="">
              </div>
              <div class="center">1.15克拉天然莫桑比克鸽血红红宝石</div>
              <div class="bottom"><span class="left"></span>￥21500<span class="right"></span></div>
            </div>
          </li> -->
        </ul>
      </div>
    </div>

    <include file="./Application/Home/View/Index/inc/footer.html" /> 
      
  </div>
</body>
<script src="__PUBLIC__/libs/jquery.min.js"></script>
<script>
  $(function () {
    // 显示遮罩
    $('.display-list .list-item').hover(function () {
      $(this).find('.mask').removeClass('hide');
    }, function () {
      $(this).find('.mask').addClass('hide');
    });

    // 条件
    $('.fenlei-list').on('click', 'span', function () {
      $(this).addClass('active').siblings('span').removeClass('active');
      $(this).addClass('active').siblings('input').val($(this).data('id'))
      var f = $('#diamond-form')[0]
      f.submit()
    })
  });
</script>
</html>